<template>
  <div class="haruyuki-flex-center haruyuki-direction-column">
    <div>
      <div class="preview-title">
        <span>基本信息</span>
      </div>
      <div class="preview-content">
        <span>租户名称：{{ tenantData.baseInfo.tenantName }}</span>
        <span>租户类型：{{ tenantData.baseInfo.tenantTypeName }}</span>
        <span>联系人：{{ tenantData.baseInfo.linkman }}</span>
        <span>联系电话：{{ tenantData.baseInfo.contactNumber }}</span>
        <span>省份：{{ tenantData.baseInfo.provinceName }}</span>
        <span>地市：{{ tenantData.baseInfo.cityName }}</span>
        <span>区县：{{ tenantData.baseInfo.areaName }}</span>
        <span>联系地址：{{ tenantData.baseInfo.address }}</span>
        <span>邮箱：{{ tenantData.baseInfo.email }}</span>
        <span>合作状态：{{ tenantData.baseInfo.isCooperateName }}</span>
        <span>分润状态：{{ tenantData.baseInfo.profitStateName }}</span>
        <span>合同状态：{{ tenantData.baseInfo.cooperateStateName }}</span>
        <span>异常状态原因：{{ tenantData.baseInfo.exceptionMsg }}</span>
        <span>绑定域名：{{ tenantData.baseInfo.domain }}</span>
        <span>
          <div class="haruyuki-image-preview">
            <div class="haruyuki-image">
                <el-image
                style="width: 100%; height: 100%"
                :src="tenantData.baseInfo.backgroundUrl"
                z-index="5000"
                :preview-src-list="[tenantData.baseInfo.backgroundUrl]"
                fit="contain"
                >
                </el-image>
                <div class="haruyuki-text">系统背景</div>
            </div>
          </div>
        </span>
      </div>
    </div>
    <div>
      <div class="preview-title">
        <span>实名信息</span>
      </div>
      <div class="preview-content">
        <span>
          <div class="haruyuki-image-preview">
            <div class="haruyuki-image">
                <el-image
                style="width: 100%; height: 100%"
                :src="tenantData.authInfo.roaLicenseImageUrl"
                z-index="5000"
                :preview-src-list="[tenantData.authInfo.roaLicenseImageUrl]"
                fit="contain"
                >
                </el-image>
                <div class="haruyuki-text">营业执照照片</div>
            </div>
          </div>
        </span>
        <span>营业执照编号：{{ tenantData.authInfo.roaLicenseNo }}</span>
        <span>营业执照有效期：{{ tenantData.authInfo.roaLicenseTime }}</span>
        <span>
          <div class="haruyuki-image-preview">
            <div class="haruyuki-image">
                <el-image
                style="width: 100%; height: 100%"
                :src="tenantData.authInfo.roaCardPositiveUrl"
                z-index="5000"
                :preview-src-list="[tenantData.authInfo.roaCardPositiveUrl]"
                fit="contain"
                >
                </el-image>
                <div class="haruyuki-text">法人身份证人像面</div>
            </div>
          </div>
        </span>
        <span>
          <div class="haruyuki-image-preview">
            <div class="haruyuki-image">
                <el-image
                style="width: 100%; height: 100%"
                :src="tenantData.authInfo.roaCardBackUrl"
                z-index="5000"
                :preview-src-list="[tenantData.authInfo.roaCardBackUrl]"
                fit="contain"
                >
                </el-image>
                <div class="haruyuki-text">法人身份证国徽面</div>
            </div>
          </div>
        </span>
        <span>公司名称：{{ tenantData.authInfo.compName }}</span>
        <span>法人名称：{{ tenantData.authInfo.roaName }}</span>
        <span>身份证号：{{ tenantData.authInfo.roaCardNo }}</span>
        <span>法人身份证有效期：{{ tenantData.authInfo.roaCardTime }}</span>
      </div>
    </div>
    <div>
      <div class="preview-title">
        <span>结算卡信息</span>
      </div>
      <div class="preview-content">
        <span>
          <div class="haruyuki-image-preview">
            <div class="haruyuki-image">
                <el-image
                style="width: 100%; height: 100%"
                :src="tenantData.bankInfo.robCardPublicImgUrl"
                z-index="5000"
                :preview-src-list="[tenantData.bankInfo.robCardPublicImgUrl]"
                fit="contain"
                >
                </el-image>
                <div class="haruyuki-text">对公开户证明</div>
            </div>
          </div>
        </span>
        <span>开户行：{{ tenantData.bankInfo.robBank }}</span>
        <span>开户支行：{{ tenantData.bankInfo.robBankBranch }}</span>
        <span>开户名称：{{ tenantData.bankInfo.robBankName }}</span>
        <span>联行号：{{ tenantData.bankInfo.robUnionNumber }}</span>
        <span>银行账号：{{ tenantData.bankInfo.robBankNo }}</span>
      </div>
    </div>
    <div>
      <div class="preview-title">
        <span>分配通道</span>
      </div>
      <div class="preview-content">
        <span v-for="(item, index) in tenantData.aisleInfos" :key="item.aisleCode">通道名称{{index+1}}：{{ item.aisleName }}</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    tenantData: Object,
    // policyForm: Object,
    // oem: Object,
  },
  data() {
    return {
    };
  },
  created() {
  },
  methods: {
  },
};
</script>

<style lang="scss" scoped>
.preview-title {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
  span {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
}
.preview-content {
  width: 400px;
  padding: 0 20px;
  span {
    display: block;
    margin: 8px 0;
  }
}
</style>